<template>
	<view class="flex-column">
		<Header></Header>
		<view class="headertop"></view>
		<view class="banner flex-column flex-center flex-align">
			<view class="banner-wenzi">
				<view class="banner-wenzi-top">智慧社区</view>
				<view class="banner-wenzi-bottom">
					2020年中国软件行业优秀软件产品，政府主导型智慧社区引领者，致力于打造以党建为引领，精细化治理（网格、事件流转、综治、城管、平安）+个性化服务（政务、社工、物业、生活、养老）于一体的智慧社区平台！
				</view>
			</view>
		</view>
		<view class="anli flex-column flex-center flex-align">
			<view class="title">应用案例</view>
			<u-swiper :list="list2" keyName="image" showTitle :autoplay="false" circular class="lunbo" height="200">
			</u-swiper>

		</view>
		<view class="linian flex-column flex-center flex-align">
			<view class="title">智慧社区综合服务</view>
			<view class="item flex-column flex-center flex-align">
				<view class="waiquan flex-column flex-center flex-align">
					<view class="yuan yuan1"></view>
				</view>
				<view class="item-title">策划服务</view>
				<view class="item-concent">提炼工作特色，一对一打造专属智慧社区品牌</view>
			</view>
			<view class="item flex-column flex-center flex-align">
				<view class="waiquan flex-column flex-center flex-align">
					<view class="yuan yuan2"></view>
				</view>
				<view class="item-title">宣传推广服务</view>
				<view class="item-concent">融合VR、AI等全新技术打造高科技平台、展厅</view>
			</view>
			<view class="item flex-column flex-center flex-align">
				<view class="waiquan flex-column flex-center flex-align">
					<view class="yuan yuan3"></view>
				</view>
				<view class="item-title">信息化建设</view>
				<view class="item-concent">联合权威机构提供版权及定制化内容服务</view>
			</view>

		</view>
		<view class="jiejue flex-column flex-center flex-align">
			<view class="title2">智慧社区平台优势</view>
			<view class="jiejue-pic"></view>
			<view class="juejue-concent">
				一站服务百姓民生;一端支撑随时随地;一键全局决策分析;一网融合五级生态;一体覆盖全部业务;一图感知社区全貌。作为政府主导型智慧社区引领者，可以为各地政府提供从整体品牌策划、展厅建设、信息化建设、运营推广、内容服务于一体的社区综合服务。
			</view>
		</view>
		<view class="yewujieshao flex-column flex-center flex-align">
			<view class="title">功能介绍</view>
			<view class="yewujieshao-line flex-row flex-between flex-align">
				<view class="yewujieshao-item flex-column flex-center flex-align">
					<view class="yewujieshao-item-pic"></view>
					<view class="yewujieshao-item-title">大数据平台</view>
					<view class="yewujieshao-item-concent">
						运用大数据技术，贯通市（区县）域、街道/乡镇、社区/村居、小区四级架构，各部门、层级可对实有人口、实有地理等信息进行综合分析</view>
				</view>
				<view class="yewujieshao-item flex-column flex-center flex-align ">
					<view class="yewujieshao-item-pic2"></view>
					<view class="yewujieshao-item-title">GIS平台</view>
					<view class="yewujieshao-item-concent">以三维GIS地图技术为核心，将社区的重点人员、重点事件、重点企业、社区部件、网格划分等信息在一张图上展现</view>
				</view>

			</view>
			<view class="yewujieshao-line flex-row flex-between flex-align">
				<view class="yewujieshao-item flex-column flex-center flex-align">
					<view class="yewujieshao-item-pic3"></view>
					<view class="yewujieshao-item-title">党建平台</view>
					<view class="yewujieshao-item-concent">作为政府主导型智慧社区引领者，智慧社区搭建的党建平台能够实现党建工作的细化,助力社区、社区工作的优良化</view>
				</view>
				<view class="yewujieshao-item flex-column flex-center flex-align ">
					<view class="yewujieshao-item-pic4"></view>
					<view class="yewujieshao-item-title">网格平台</view>
					<view class="yewujieshao-item-concent">网格化管理主要是依托于统一的管理以及数字化平台，将社区按照一定的标准划分成统一的单元网格，建立一种监督和处置互相分离的形式
					</view>
				</view>

			</view>
		</view>
		<Footer></Footer>
	</view>
</template>

<script>
	import Header from '@/commonponet/header/header.vue'
	import Footer from '@/commonponet/footer/footer.vue'
	export default {
		components: {
			Header,
			Footer

		},
		data() {
			return {
				title: '',
				list2: [{
					image: 'https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/product/shequ/lunbo1.jpg',
					title: '随点科技智慧社区大数据平台',
				}, {
					image: 'https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/product/shequ/lunbo2.jpg',
					title: '智能物联'
				}, {
					image: 'https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/product/shequ/lunbo3.jpg',
					title: '随点生活 智慧社区'
				}, {
					image: 'https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/product/shequ/lunbo4.jpg',
					title: '智慧社区项目'
				}],
			}
		},
		onLoad() {

		},
		onShow() {

		},
		methods: {

		}
	}
</script>

<style>
	.headertop {
		width: 100%;
		height: 88rpx;
	}

	.banner {
		width: 100%;
		height: 448rpx;
		background-image: url('https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/product/shequ/banner@2x.jpg');
		background-size: 100%;
	}

	.banner-wenzi {
		width: 90%;
		color: #ffffff;
	}

	.banner-wenzi-top {
		font-size: 36rpx;
		font-weight: 700;
		margin-bottom: 10rpx;
	}

	.anli {
		width: 100%;
		height: 574rpx;
		background-image: url('https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/product/bg_yyal@2x.png');
		background-repeat: no-repeat;
		background-size: 100%;
		background-position: bottom;
	}

	.title {
		color: #333333;
		font-size: 34rpx;
		font-weight: 600;
		line-height: 120rpx;
	}

	.title2 {
		color: #ffffff;
		font-size: 34rpx;
		font-weight: 600;
		line-height: 120rpx;
	}

	.lunbo {
		width: 90%;
	}

	.linian {
		width: 100%;
		height: 1400rpx;
	}

	.waiquan {
		width: 188rpx;
		height: 188rpx;
		border-radius: 94rpx;
		border: #3485ee 1rpx dashed;
		margin-bottom: 10rpx;
	}

	.yuan1 {
		background-size: 60%;
		background-position: 50%;
		background-repeat: no-repeat;
		background-color: #3485ee;
		width: 130rpx;
		height: 130rpx;
		border-radius: 94rpx;
		box-shadow: rgba(52, 133, 238, 0.2) 0px 7px 29px 0px;
		background-image: url('https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/product/pic_chuangxin.png');
	}

	.yuan2 {
		background-size: 46%;
		background-position: 50%;
		background-repeat: no-repeat;
		background-color: #3485ee;
		width: 130rpx;
		height: 130rpx;
		border-radius: 94rpx;
		box-shadow: rgba(52, 133, 238, 0.2) 0px 7px 29px 0px;
		background-image: url('https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/product/pic_wending.png');
	}

	.yuan3 {
		background-size: 46%;
		background-position: 50%;
		background-repeat: no-repeat;
		background-color: #3485ee;
		width: 130rpx;
		height: 130rpx;
		border-radius: 94rpx;
		box-shadow: rgba(52, 133, 238, 0.2) 0px 7px 29px 0px;
		background-image: url('https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/product/pic_anquan.png');
	}

	.item {
		margin-top: 40rpx;
	}

	.item-title {
		font-size: 28rpx;
		font-weight: 600;
		line-height: 60rpx;
	}

	.item-concent {
		width: 90%;
		color: #666666;
		font-size: 26rpx;
		text-align: center;
	}

	.licheng {
		width: 100%;
		height: 1300rpx;
	}

	.licheng-top {
		width: 90%;
		height: 260rpx;
		margin-top: 40rpx;
		/* background-color: #ffffff;
		border-radius: 10rpx;
		box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; */

	}

	.licheng-top-item {
		width: 38%;
		height: 260rpx;
		background-color: #ffffff;
		border-radius: 10rpx;
		box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
		padding: 30rpx;
	}

	.licheng-top-item-top {
		margin-bottom: 30rpx;
	}

	.licheng-title {
		font-size: 28rpx;
		font-weight: 600;
	}

	.licheng-time {
		position: relative;
		right: -30rpx;
		font-size: 22rpx;
		width: 80px;
		height: 30px;
		background: #FFC244;
		border-radius: 20px 0px 0px 20px;
		text-align: center;
		line-height: 54rpx !important;
	}

	.licheng-concent {
		font-size: 24rpx;
		line-height: 40rpx;
		color: #666666;
	}

	.licheng-concent-dian {
		width: 6px;
		height: 6px;
		background: #FFC244;
		margin-right: 14rpx;
	}

	.licheng-concent-wenzi {
		width: 600rpx;
		font-size: 24rpx;
		line-height: 40rpx;
		color: #666666;
	}

	.jiasu {
		width: 80%;
		height: 400rpx;
		background-color: #ffffff;
		border-radius: 10rpx;
		box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
		padding: 30rpx;
		margin-top: 50rpx;

	}

	.zhuanxing {
		width: 80%;
		height: 260rpx;
		background-color: #ffffff;
		border-radius: 10rpx;
		box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
		padding: 30rpx;
		margin-top: 20rpx;
	}

	.jiejue {
		width: 100%;
		height: 960rpx;
		background-image: url('https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/product/bg_jiejuefangan.png');

	}

	.jiejue-pic {
		width: 90%;
		height: 380rpx;
		background-image: url('https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/product/shequ/pic_jiejuefangan.jpg');
		background-size: 100%;
		background-repeat: no-repeat;

	}

	.juejue-concent {
		width: 84%;
		height: 274rpx;
		padding: 20rpx;
		background-color: rgba(9, 22, 40, 0.2);
		margin-top: 30rpx;
		font-size: 26rpx;
		color: #ffffff;
	}

	.yewujieshao {
		width: 100%;
		height: 1200rpx;
	}

	.yewujieshao-line {
		width: 90%;
		height: 500rpx;
	}

	.yewujieshao-item {
		width: 48%;
	}

	.yewujieshao-item-pic {
		width: 100%;
		height: 202rpx;
		background-image: url('https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/product/shequ/gongneng01.jpg');
		background-size: 100%;
	}

	.yewujieshao-item-pic2 {
		width: 100%;
		height: 202rpx;
		background-image: url('https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/product/shequ/gongneng02.jpg');
		background-size: 100%;
	}

	.yewujieshao-item-pic3 {
		width: 100%;
		height: 202rpx;
		background-image: url('https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/product/shequ/gongneng03.jpg');
		background-size: 100%;
	}

	.yewujieshao-item-pic4 {
		width: 100%;
		height: 202rpx;
		background-image: url('https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/product/shequ/gongneng04.jpg');
		background-size: 100%;
	}

	.yewujieshao-item-title {
		font-size: 30rpx;
		font-weight: bold;
		color: #333333;
		margin-top: 20rpx;

	}

	.yewujieshao-item-concent {
		font-size: 26rpx;
		color: #666666;
		margin-top: 20rpx;
		text-align: center;
		height: 106rpx;
	}
</style>
